/**
 * 简化函数，用来根据id获取元素
 */
function $(id){
    return document.getElementById(id)
}

/**
 * 添加用户
 */
function addUser(){
    // 创建tr
    var tr = document.createElement('tr')
    // 创建td
    var tdChk = document.createElement('td')
    var tdName = document.createElement('td')
    var tdAge = document.createElement('td')
    var tdSex = document.createElement('td')
    var tdPhone = document.createElement('td')
    var tdDelete = document.createElement('td')
    // 将数据添加到td中
    var chkDelete = document.createElement('input')
    chkDelete.type = 'checkbox'
    chkDelete.name = 'item'
    tdChk.appendChild(chkDelete)
    tdName.innerText = $('name').value
    tdAge.innerText = $('age').value
    tdSex.innerText = $('male').checked ? $('male').value : $('female').value
    tdPhone.innerText = $('phone').value
    var btnDelete = document.createElement('input')
    btnDelete.type = 'button'
    btnDelete.value = '删除'
    btnDelete.onclick = function(){
        this.parentNode.parentNode.remove()
    }
    tdDelete.appendChild(btnDelete)
    // 将td添加到tr中
    tr.appendChild(tdChk)
    tr.appendChild(tdName)
    tr.appendChild(tdAge)
    tr.appendChild(tdSex)
    tr.appendChild(tdPhone)
    tr.appendChild(tdDelete)
    // 将tr添加到tbody中
    $('tb').appendChild(tr)
    // 清空数据
   $('btnReset').click() // 立即执行点击
}


/**
 * 删除用户
 */
function deleteUser(btn){
    btn.parentNode.parentNode.remove()
}

/**
 * 删除第一个
 */
function  deleteFirst() {
    $('tb').firstElementChild.remove()
}